{% extends 'PortalMainBundle::layout.html.twig' %}

{% block stylesheets %}
  {{ parent() }}

<link rel="stylesheet" type="text/css" href="/css/style7.css" />
<link href='css/Terminal_Dosis.css' rel='stylesheet' type='text/css' />

{% endblock %}

{% block javascripts %}
  {{ parent() }}
{% endblock %}

{% block content %}
{% include 'PortalMainBundle::MainSlider/MainSlider.html.twig' %}   


<div class="container">
    <!-- / fullwidth slider -->
    <div class="row-fluid">
        <div class="span12">
            <div class="" style="height: 50px;margin: 20px 0px;">
                <select style="margin-right: 23px;width: 23%">
                    <option value="1">Математик</option>
                </select>
                <select style="margin-right: 23px;width: 23%">
                    <option value="1">Байгалийн шинжлэх ухаан</option>
                </select>
                <select style="margin-right: 23px;width: 23%">
                    <option value="1">Нийгмийн шинжлэх ухаан</option>
                </select>
                <select style="margin-right: 1px;width: 22%">
                    <option value="1">Бусад</option>
                </select>
            </div>    
        </div>
    </div>
    <div class="row-fluid">
        <div class="span12">
            <table>
                <tr>
                    <td colspan="1"><img src="/images/content/StepsToStartBG.jpg" width="1024"></td>
                </tr>
                <tr>
                    <td colspan="1">
                        <div class="span6"> 
                            <blockquote> 
                                <span class="fontello quote-circled"><i></i></span> <p>Манай сайтаар хэрхэн үйлчилүүлэх вэ? the blind texts it is an almost Unorthographic life One day however a Small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar. The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and </p> <span class="author">John DOE - XCZ</span> 
                            </blockquote>       
                        </div>
                            <div class="span6" style="margin: 10px;padding: 10px 5px 0px 5px;background-color: #fff;">
                                <div class="highlightBox" style="padding-top: 0px;">
                                    <ul class="normal check" style="margin-bottom: 0px;">
                              
                                    
                                    <li><b>Олон багш, олон төрлийн хичээл</b> ахбөтхобытхо төа tempor eg bibendum sit amet, placerat sit amet tellus.  </li>
                                    <li><b>Хурдан</b> өйб өыбө diam nunc, tempor eg bibendum sit amet, placerat sit amet tellus. </li>
                                    <li><b>Найдвартай</b> ахбөтхобытхо төа tempor eg bibendum sit amet, placerat sit amet tellus. Quisque imperdiet feugiat neque nec rhoncus. </li>
                                    <li><b>Харилцаа холбоо сайтан</b> өйб өыбө diam nunc, tempor eg bibendum sit amet, placerat sit amet tellus. Quisque imperdiet feugiat neque nec rhoncus. </li>
                                    </ul>
                                </div>
                            
                        </div>
                    </td>                  
                </tr>

            </table>
        </div>
    </div>
    {#<div class="row-fluid">
        <div class="span12">
            <ul class="ca-menu">
                <li style="margin-right: 40px;">
                    <a href="#">
                        <span class="ca-icon">Б</span>
                        <div class="ca-content">
                            <h2 class="ca-main">Хэрэглэгчээр бүртгүүлэх</h2>
                            <h3 class="ca-sub">Personalized to your needs</h3>
                        </div>
                    </a>
                </li>
                <li style="margin-right: 40px">
                    <a href="#">
                        <span class="ca-icon">А</span>
                        <div class="ca-content">
                            <h2 class="ca-main">Creative Storytelling</h2>
                            <h3 class="ca-sub">Advanced use of technology</h3>
                        </div>
                    </a>
                </li>
                <li style="margin-right: 40px">
                    <a href="#">
                        <span class="ca-icon">Г</span>
                        <div class="ca-content">
                            <h2 class="ca-main">Infographical Education</h2>
                            <h3 class="ca-sub">Understanding visually</h3>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="ca-icon">Ш</span>
                        <div class="ca-content">
                            <h2 class="ca-main">Sophisticated Team</h2>
                            <h3 class="ca-sub">Professionals in action</h3>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>#}



    <div class="row-fluid">
        <div class="span12">
            <div class="lineBox">
                <div class="inner">
                    <a href="#" class="btn btn-inverse arrow-btn">
                        <span class="entypo left-open-mini"><i></i></span>
                        <span class="entypo right-open-mini"><i></i></span>
                        <span class="line">Бидэнтэй холбоотой линкүүд</span>
                    </a>
                </div>
            </div>
        </div>
    </div>


    <!-- ****************************** -->
    <!-- *** client carousel slider *** -->

</div>
<!-- / container -->
<div class="clientsSlider">

    <div class="container">
        <div class="flexslider flexCarousel centerNav">
            <ul class="slides">
                <li>
                    <img src="/images/content/client-logo1.jpg" alt="">
                </li>
                <li>
                    <img src="/images/content/client-logo2.jpg" alt="">
                </li>
                <li>
                    <img src="/images/content/client-logo3.jpg" alt="">
                </li>
                <li>
                    <img src="/images/content/client-logo4.jpg" alt="">
                </li>
                <li>
                    <img src="/images/content/client-logo5.jpg" alt="">
                </li>
                <li>
                    <img src="/images/content/client-logo6.jpg" alt="">
                </li>
                <li>
                    <img src="/images/content/client-logo1.jpg" alt="">
                </li>
                <li>
                    <img src="/images/content/client-logo2.jpg" alt="">
                </li>
                <li>
                    <img src="/images/content/client-logo3.jpg" alt="">
                </li>
            </ul>
        </div>
    </div>

</div>
<div class="container">
    <!-- ******************************** -->
    <!-- *** / client carousel slider *** -->

</div>
<!-- /  container -->



{% endblock %}